<template>
	<div class="ai-dialogue-page">
		<dialog-header></dialog-header>
		<dialog-body></dialog-body>
		<dialog-footer @openModal="openModal"></dialog-footer>
		<popup-box v-if="modalVisible" @closeModal="closeModal"></popup-box>
	</div>
</template>

<script>
import DialogHeader from '@/components/ai-dialogue/dialog-header.vue'
import DialogBody from '@/components/ai-dialogue/dialog-body.vue'
import DialogFooter from '@/components/ai-dialogue/dialog-footer.vue'
import PopupBox from '@/components/ai-dialogue/popup-box.vue'
export default {
	name: 'AiDialogue',
	components: {
		DialogHeader,
		DialogBody,
		DialogFooter,
		PopupBox
	},
	data() {
		return {
			modalVisible:false,
			// markdown: '"**回答：**\n\n有乳腺结节和甲状腺结节对投保的影响主要体现在以下几个方面，具体如下：\n\n---\n\n### 一、核心实体识别\n- **乳腺结节**\n- **甲状腺结节**\n- **投保影响**\n\n---\n\n### 二、问题类型\n- **概念解释 + 技术参数查询**\n\n---\n\n### 三、投保影响分析（按险种分类）\n\n#### 1. **寿险**\n| 乳腺结节分级（BI-RADS） | 核保结论 |\n|--------------------------|-----------|\n| 0级                      | 延期至明确诊断 |\n| 1级、2级、3级、4a级      | 一般标准体承保 |\n| 4b级及以上               | 一般延期 |\n\n| 甲状腺结节分级（TI-RADS） | 核保结论 |\n|---------------------------|-----------|\n| 1级、2级、3级、4a级       | 一般标准体承保 |\n| 4b级及以上                | 一般延期 |\n\n#### 2. **重疾险**\n| 乳腺结节分级（BI-RADS） | 核保结论 |\n|--------------------------|-----------|\n| 0级                      | 延期至明确诊断 |\n| 1级、2级                 | 一般标准体承保 |\n| 3级、4a级                | 一般除外责任 |\n| 4b级及以上               | 一般延期 |\n\n| 甲状腺结节分级（TI-RADS） | 核保结论 |\n|---------------------------|-----------|\n| 1级、2级                  | 一般标准体承保 |\n| 3级、4a级                 | 一般除外责任 |\n| 4b级及以上                | 一般延期 |\n\n#### 3. **医疗险**\n| 乳腺结节分级（BI-RADS） | 核保结论 |\n|--------------------------|-----------|\n| 0级                      | 延期至明确诊断 |\n| 1级、2级                 | 一般标准体承保 |\n| 3级、4a级                | 一般除外责任 |\n| 4b级及以上               | 一般延期 |\n\n| 甲状腺结节分级（TI-RADS） | 核保结论 |\n|---------------------------|-----------|\n| 1级、2级                  | 一般标准体承保 |\n| 3级、4a级                 | 一般除外责任 |\n| 4b级及以上                | 一般延期 |\n\n---\n\n### 四、投保需告知的信息\n| 疾病类型       | 投保时需告知信息 |\n|----------------|------------------|\n| 乳腺结节       | 首次发现时间、是否持续复查、是否活检或手术切除、病理结果 |\n| 甲状腺结节     | 发现时间、进展情况、治疗情况、是否有并发症 |\n\n---\n\n### 五、投保需提供的资料\n| 疾病类型       | 投保时需提供资料 |\n|----------------|------------------|\n| 乳腺结节       | 完整病历、持续乳腺超声、腋窝淋巴结超声、病理检查报告 |\n| 甲状腺结节     | 完整病历、体检报告、甲状腺B超、甲状腺功能、术后病理结果、术后复查资料、《甲状腺疾病》问卷 |\n\n---\n\n### 六、建议\n1. **分级评估**：确保您已经通过超声检查（乳腺BI-RADS、甲状腺TI-RADS）明确结节分级。\n2. **资料准备**：提前准备好相关病历和检查资料，有助于加快核保流程。\n3. **咨询专业人士**：核保结论具有最终决定权，建议在投保前与保险公司核保部门或代理人沟通确认。\n\n---\n\n**来源定位：**\n- 片段1：中信保城核保知识库（乳腺结节章节）\n- 片段2：中信保城核保知识库（甲状腺结节章节）\n\n**免责声明：**\n本回答基于中信保城核保知识库公开资料，仅供参考。"',
			// markdown:  "看起来你提供的COBOL代码片段似乎不完整，或者有误。COBOL代码通常具有特定的结构和格式，不会像JavaScript那样使用`let`关键字来定义变量。\n\nCOBOL代码通常会包含以下几个主要部分：\n1. **IDENTIFICATION DIVISION**：标识程序的基本信息。\n2. **ENVIRONMENT DIVISION**：描述程序运行的环境。\n3. **DATA DIVISION**：定义程序的数据结构。\n4. **PROCEDURE DIVISION**：包含程序的逻辑和操作。\n\n一个典型的COBOL程序示例如下：\n```cobol\nIDENTIFICATION DIVISION.\nPROGRAM-ID. SAMPLE.\n\nENVIRONMENT DIVISION.\n\nDATA DIVISION.\nWORKING-STORAGE SECTION.\n01 WS-VAR PIC 9(2).\n\nPROCEDURE DIVISION.\n    MOVE 1 TO WS-VAR.\n    DISPLAY 'WS-VAR = ' WS-VAR.\n    STOP RUN.\n```\n\n上述代码中，`WS-VAR`被定义为一个两位数的数字变量，并被赋值为1，接着显示这个变量的值。\n\n请提供更详细和准确的COBOL代码片段，这样我可以帮助你进行分析和解读。如果你有任何关于COBOL或Java的具体问题，也欢迎随时提问。",
			// markdown: "这段代码并不是COBOL代码，而是JavaScript代码。COBOL语言的语法与JavaScript有很大不同。\n\n以下是一个简单的COBOL代码示例，用于赋值与输出：\n\n```cobol\nIDENTIFICATION DIVISION.\nPROGRAM-ID. HelloWorld.\nDATA DIVISION.\nWORKING-STORAGE SECTION.\n01 WS-MESSAGE PIC X(12) VALUE 'Hello World!'.\nPROCEDURE DIVISION.\nDISPLAY WS-MESSAGE.\nSTOP RUN.\n```\n\n在这个例子中：\n- **IDENTIFICATION DIVISION**：标识程序。\n- **PROGRAM-ID**：程序的名称。\n- **DATA DIVISION**：数据部分。\n- **WORKING-STORAGE SECTION**：定义持久变量。\n- **01 WS-MESSAGE PIC X(12) VALUE 'Hello World!'**：定义一个长度为12的字符串变量并赋值为'Hello World!'。\n- **PROCEDURE DIVISION**：程序逻辑部分。\n- **DISPLAY WS-MESSAGE**：输出变量WS-MESSAGE的值。\n- **STOP RUN**：终止程序。\n\n如果有具体的COBOL代码需要解读，请提供，我可以根据具体代码进行详细解读。"
		}
	},
	created() {
	},
	mounted() {
	},
	methods: {
		// 打开弹框
		openModal() {
			this.modalVisible = true
		},
		// 关闭弹框
		closeModal() {
			this.modalVisible = false
		}
	}
}
</script>

<style lang="scss" scoped>
.ai-dialogue-page{
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #F4F3F8;
	position: relative;
}
</style>